﻿
/* Script by: www.jtricks.com
 * Version: 20100515
 * Latest version:
 * www.jtricks.com/javascript/window/box.html
 */
// Moves the box object to be directly beneath an object.

function move_box(an, box, left)
{
    if (typeof left == "undefined") { left = 0; }

    var cleft = left;
    var ctop = 0;
    var obj = an;

    while (obj.offsetParent)
    {
        cleft += obj.offsetLeft;
        ctop += obj.offsetTop;
        obj = obj.offsetParent;
    }

    box.style.left = cleft + 'px';

    ctop += an.offsetHeight + 8;

    // Handle Internet Explorer body margins,
    // which affect normal document, but not
    // absolute-positioned stuff.
    if (document.body.currentStyle &&
        document.body.currentStyle['marginTop'])
    {
        ctop += parseInt(
            document.body.currentStyle['marginTop']);
    }

    box.style.top = ctop + 'px';
}

// Shows a box if it wasn't shown yet or is hidden
// or hides it if it is currently shown
function show_hide_box(an, width, height, borderStyle, left)
{
    
    if (typeof left == "undefined") { left = 0; }
    
    var href = an.href;
    var boxdiv = document.getElementById(href);

    if (boxdiv != null)
    {
        if (boxdiv.style.display=='none')
        {
            // Show existing box, move it
            // if document changed layout
            move_box(an, boxdiv, left);
            boxdiv.style.display='block';

            bringToFront(boxdiv);

            // Workaround for Konqueror/Safari
            if (!boxdiv.contents.contentWindow)
                boxdiv.contents.src = href;
        }
        else
            // Hide currently shown box.
            boxdiv.style.display='none';
        return false;
    }

    // Create box object through DOM
    boxdiv = document.createElement('div');

    // Assign id equalling to the document it will show
    boxdiv.setAttribute('id', href);

    boxdiv.style.display = 'block';
    boxdiv.style.position = 'absolute';
    boxdiv.style.width = width + 'px';
    boxdiv.style.height = height + 'px';
    boxdiv.style.border = borderStyle;
    boxdiv.style.textAlign = 'right';
    boxdiv.style.padding = '4px';
    boxdiv.style.background = '#FFFFFF';
    document.body.appendChild(boxdiv);
    bringToFront(boxdiv);

    var offset = 0;

    // Remove the following code if 'Close' hyperlink
    // is not needed.
    var close_href = document.createElement('a');
    close_href.href = 'javascript:void(0);';
    close_href.onclick = function()
        { show_hide_box(an, width, height, borderStyle, left); }
    close_href.appendChild(document.createTextNode('Close'));
    boxdiv.appendChild(close_href);
    offset = close_href.offsetHeight;
    // End of 'Close' hyperlink code.

    var contents = document.createElement('iframe');
    //contents.scrolling = 'no';
    contents.overflowX = 'hidden';
    contents.overflowY = 'scroll';
    contents.frameBorder = '0';
    contents.style.width = width + 'px';
    contents.style.height = (height - offset) + 'px';

    boxdiv.contents = contents;
    boxdiv.appendChild(contents);

    move_box(an, boxdiv, left);

    if (contents.contentWindow)
        contents.contentWindow.document.location.replace(
            href);
    else
        contents.src = href;

    // The script has successfully shown the box,
    // prevent hyperlink navigation.
    return false;
}

function getAbsoluteDivs()
{
    var arr = new Array();
    var all_divs = document.body.getElementsByTagName("DIV");
    var j = 0;

    for (i = 0; i < all_divs.length; i++)
        if (all_divs.item(i).style.position=='absolute')
        {
            arr[j] = all_divs.item(i);
            j++;
        }

    return arr;
}

function bringToFront(obj)
{
    if (!document.getElementsByTagName)
        return;

    var divs = getAbsoluteDivs();
    var max_index = 0;
    var cur_index;

    // Compute the maximal z-index of
    // other absolute-positioned divs
    for (i = 0; i < divs.length; i++)
    {
        var item = divs[i];
        if (item == obj ||
            item.style.zIndex == '')
            continue;

        cur_index = parseInt(item.style.zIndex);
        if (max_index < cur_index)
        {
            max_index = cur_index;
        }
    }

    obj.style.zIndex = max_index + 1;
}

function showElement(a) {
    document.getElementById(a).style.display = "";


}

function hideElement(a) {
    document.getElementById(a).style.display = "none";
    //document.getElementById(a).setAttribute("size", 0);
}

function showhideElement(a) {
    div_a = document.getElementById(a);

    if (div_a.style.display == 'none') {
        div_a.style.display = "";
    } else {
        div_a.style.display = "none";
    }
}

// Shows a box if it wasn't shown yet or is hidden
// or hides it if it is currently shown
function display_page_in_box(an, boxshowid) {

    var href = an.href;
    var boxdiv = document.getElementById(href);
    var boxshow = document.getElementById(boxshowid);

    if (boxdiv != null) {
        if (boxdiv.style.display == 'none') {
            // Show existing box, move it
            // if document changed layout
            move_box(an, boxdiv, left);
            boxdiv.style.display = 'block';

            bringToFront(boxdiv);

            // Workaround for Konqueror/Safari
            if (!boxdiv.contents.contentWindow)
                boxdiv.contents.src = href;
        }
        else
        // Hide currently shown box.
            boxdiv.style.display = 'none';
        return false;
    }

    // Create box object through DOM
    boxdiv = document.createElement('div');

    // Assign id equalling to the document it will show
    //boxdiv.setAttribute('id', href);

    boxdiv.style.display = 'block';
    //boxdiv.style.position = 'absolute';
    //boxdiv.style.width = width + 'px';
    //boxdiv.style.height = height + 'px';
    //boxdiv.style.border = borderStyle;
    //boxdiv.style.textAlign = 'right';
    //boxdiv.style.padding = '4px';
    //boxdiv.style.background = '#FFFFFF';
    document.body.appendChild(boxdiv);
    //bringToFront(boxdiv);

    var offset = 0;

    

    var contents = document.createElement('iframe');
    //contents.scrolling = 'no';
    //contents.overflowX = 'hidden';
    //contents.overflowY = 'scroll';
    contents.frameBorder = '0';
    contents.style.width = "100%";
    contents.style.height = "600px";
    //contents.style.width = width + 'px';
    //contents.style.height = (height - offset) + 'px';

    boxdiv.contents = contents;
    boxdiv.appendChild(contents);
    boxshow.innerHTML = "";
    boxshow.appendChild(boxdiv);

    //move_box(an, boxdiv, left);

    if (contents.contentWindow)
        contents.contentWindow.document.location.replace(
            href);
    else
        contents.src = href;

    // The script has successfully shown the box,
    // prevent hyperlink navigation.
    return false;
}
//--></script>